<?php $siteUrl = 'http://localhost/trekadvancement'; ?>
<?php $randColor = rand(3,5); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <title>Trek Advancement LLC</title>
    <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
	<script src="js/jquery.scrollTo-1.4.2-min.js" type="text/javascript"></script>
	<script src="js/jquery.localscroll-1.2.7-min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.serialScroll-1.2.1-min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="js/jquery.em.js"></script>
    <script type="text/javascript" src="js/jScrollPane.js"></script>
    <link rel="stylesheet" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/base/base-min.css">
    <link rel="stylesheet" href="css/styles.css" type="text/css">
    <link rel="stylesheet" type="text/css" media="all" href="js/jScrollPane.css" />
    <script type="text/javascript">
		$(document).ready(function() 
			{
    		// put all your jQuery goodness in here.
				$('.scroll').jScrollPane();
				$('#pane2').jScrollPane({showArrows:true});
				$('#pane3, #pane4').jScrollPane({scrollbarWidth:20, scrollbarMargin:10});
			});
			
		</script>
</head>
<body>
<div id="doc4" class="yui-t7">
   <div id="hd" role="banner">
		<h1>
			<div id="main-logo">
				<a href="http://www.trekadvancement.com" alt="Trek Advancement Home"><img src="<?php echo $siteUrl; ?>/pages/img/Trek-Logo-LLC-165-120.jpg" alt="Trek Advancement.com" id="main-logo-image"></a>
			</div>
		</h1>
	</div>
	<div id="top-links">
       <a class="color<?php echo $randColor; ?>" href="#home">Home</a>
       <a class="color<?php echo $randColor; ?>" href="#aboutUs">About Us</a>
       <a class="color<?php echo $randColor; ?>" href="#clientServices">Client Services</a>
       <a class="color<?php echo $randColor; ?>" href="#clientFeedback">Client Feedback</a>
       <a class="color<?php echo $randColor; ?>" href="#whyTrek">Why Trek ?</a>
       <a class="color<?php echo $randColor; ?>" class="endLink" href="#contactUs">Contact Us</a>
	</div>
	<div id="bd" role="main">
		<div class="yui-g">
			<!-- YOUR DATA GOES HERE -->
			<div id="main-content">
				<div id="content-slides">    
			    	<div id="slider">
			  		<!-- element with overflow applied -->
			  			<div class="scroll">
					    <!-- the element that will be scrolled during the effect -->
					    	<div class="scrollContainer">
						      <!-- our individual panels -->
						      <div class="panel" id="home">
						      	<?php include 'pages/home.php'; ?>
						      </div><!-- end of home panel -->
						      <div class="panel" id="aboutUs">
						      	<?php include 'pages/aboutUs.php'; ?>
						      </div><!-- end of About Us panel -->
						      <div class="panel" id="clientServices">
						      	<?php include 'pages/clientServices.php'; ?>
						      </div><!-- end of client services panel -->
						      <div class="panel" id="clientFeedback">
						      	<?php include 'pages/clientFeedback.php'; ?>
						      </div><!-- end of client feedback panel -->
						      <div class="panel" id="whyTrek">
						      	<?php include 'pages/whyTrek.php'; ?>
						      </div><!-- end of why trek panel -->
						      <div class="panel" id="contactUs">
								<?php include 'pages/contactUs.php'; ?>
							  </div><!-- end of contact us panel -->
						      <!-- end of related links panel -->
						    </div>
						    
					  	</div>
					  	
					</div>
					
				</div>
				
	        </div>
	        <div id="footerIcons">
	    		<div class="singleFooterIcon">
	    			<a href="http://www.facebook.com/home.php?#!/group.php?gid=234281902446&ref=ts" title="Friend Trek on Facebook" target="_blank"><img src="<?php echo $siteUrl; ?>/css/img/polaroid/facebook55.png" alt="Friend Trek on Facebook" id="facebook-icon"></a>
	    		</div>
	    		<div class="singleFooterIcon">
					<a href="http://www.twitter.com/trekadvancement" title="Follow Trek on Twitter" target="_blank"><img src="<?php echo $siteUrl; ?>/css/img/polaroid/twitter55.png" alt="Follow Trek on Twitter" id="twitter-icon"></a>    		
	    		</div>
	    		<div class="singleFooterIcon">
	    			<a href="http://twitter.com/statuses/user_timeline/70034036.rss" title="Subscribe to our RSS Feed" target="_blank"><img src="<?php echo $siteUrl; ?>/css/img/polaroid/rss55.png" alt="Subscribe to our RSS Feed" id="rss-icon"></a>
	    		</div>
    		
   			 </div>
	        
		</div>
		
	</div>
	
</div>
	

<div id="ft" class="color<?php echo $randColor; ?>">
	<div id="footerText">&copy; Trek Advancement LLC</div>
</div>
    <script type="text/javascript">
		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script type="text/javascript">
		try {
		var pageTracker = _gat._getTracker("UA-15244777-1");
		pageTracker._trackPageview();
		} catch(err) {}
	</script>
</body>
</html>